import React from 'react'
import './fm.css'
import FmOne from './fmone'
import { Icon } from 'antd-mobile';
import {Route} from 'react-router-dom'
import {observer,inject} from 'mobx-react'
@inject('MyStore')
@observer
class Fm extends React.Component{
    back(){
        this.props.history.go(-1);
    }
    render(){
        return (
            <div id='fm'>
                <p onClick={this.back.bind(this)}>
                <Icon type="left"  />
                <span id="top" >
                私人FM
                </span>
                </p>
                <div>
                    {/* {s
                        arr.map(item=>
                            <div id="img" key={item.album.id}>
                                <img src={item.album.blurPicUrl} alt="" />
                                    <p>
                                    {item.album.name}
                                </p>
                                <h1>
                                <audio src='' id="audio" controls ></audio>
                                </h1>
                            </div>
                        )
                    } */}
                    <Route path="/fm" exact component={FmOne}></Route>
                </div>
            </div>
        )
    }
}

export default Fm